<template>
    <div class="calculator">
        <input-show
                :current="current"
        />
        <btn-wrapper
                :current="current"
                @set-current="current = $event"
                @set-inputted="inputted = $event"
        />
    </div>
</template>

<script>
import inputShow from "./components/input-show.vue"
import btnWrapper from "./components/btn-wrapper.vue"

export default {
  name: "calculator",
  data: function () {
    return {
      current: "0"
    }
  },
  methods: {},
  components: {
    inputShow,
    btnWrapper
  }
}
</script>

<style lang="less" scoped>
    .calculator {
        height: 100%;
        width: 100%;
        background-color: black;
    }
</style>
